<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>测试</title>
    <link href="../dist/css/render.css" rel="stylesheet">
    <script src="../dist/javascripts/dependency.js" type="application/javascript"></script>
    <script src="../dist/javascripts/render.js" type="application/javascript"></script>

</head>
<body>
<div class="container">
    <div class="progress">
        <div class="progress-bar progress-bar-striped active" role="progressbar" aria-valuenow="45" aria-valuemin="0" aria-valuemax="100" style="width: 45%">
            <span class="sr-only">45% Complete</span>
        </div>
    </div>
    <form class="widget">
    </form>
    <pre class="log"></pre>
</div>

<script type="application/javascript">
    $(function(){
        fb = new FormBuilder({
            selector:'.widget',
            bootstrapData:[
                {
                    "field_type": "text",
                    "cid":"xu1"
                },
                {
                    "field_type": "text",
                    "cid":"xu2"
                },
                {
                    "field_type": "question",
                    "cid":"xu3",
                    "defaultvalue":10,
                    "max":100,
                    "ticks":[0,10,20,50,90,100],
                    "table":[
                        {score:10,content:'测试10分'},
                        {score:20,content:'测试20分'},
                        {score:30,content:'测试30分'}
                    ]
                }
            ]
        });


    });
</script>
</body>
</html>